<template>
	<view class="pubTitle">
		<view class="time">{{time}}</view>
		<view class="big">{{title}}</view>
		<view class="small">{{page}}</view>
		<view class="list">{{list}}</view>
		<view class="user">{{user}}</view>
		<view class="line"></view>
	</view>
</template>

<script>
	export default {
		name:"pubTitle",
		// props:["title","page"],
		props:{
			title:{
				type:String,
				default:"默认标题"
			},
			page:{
				type:String,
				default:"默认副标题"
			},
			time:{
				type:Number,
				default:Date.now()
			},
			list:{
				type:Array,
				default(){
					return [1,2,3]
				}
			},
			user:{
				type:Object,
				default(){
					return {name:"张三",age:18}
				}
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.pubTitle{
		padding: 60rpx 30rpx;
		text-align: center;
		background: #56e186;
		.big{
			font-size: 50rpx;
			font-weight: 600;
			color: #333;
		}
		.small{
			font-size: 30rpx;
			color: #888;
		}
		.line{
			display: inline-block;
			width: 80rpx;
			height: 8rpx;
			background:#1a9c34;
			border-radius: 10rpx;
		}
	}
</style>